<template>
    <view>
        <!--<template v-for="(item,index) in houseList">-->
            <!--<house-item :data="item"></house-item>-->
        <!--</template>-->
        <template v-for="(item,index) in houseList">
            <house-item :data="item"></house-item>
        </template>
    </view>
</template>

<script>
    import HouseItem from './HouseItem';
    export default {
        name: "HouseList",
        props: {
            houseList: {
                type: Array
            }
        },
        components:{
            HouseItem
        },
        data(){
            return {
                count:10
            };
        },
        methods:{
            loadMore(){
                this.count += 5;
            }
        }
    }
</script>

<style scoped>
    .title-text {
        font-size: 38rpx;
        font-weight: bold;
        color: black;
        margin: 20rpx;
    }
</style>